<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车结算</title>
    <link rel="stylesheet" href="../css/base1.css">
    <link rel="stylesheet" href="../css/购物车结算.css">
    
</head>
<body>
     <div class="parent clearfix">
        <!-- 头部 -->
        <div class="head">
            <div class="header w clearfix">
                <div class="login fl">
                    <a href="#" class="welcome fl">Hi,欢迎来到至爱空间!</a>
                    <a href="#"class="fl">登录</a>
                    <!-- <li class="line fl"></li> -->
                    <a href="#" class="line fl"></a>
                    <a href="#" class="fl">退出</a>
                </div>
                <div class="subnav fr">
                    <ul>
                        <li class="fl"><a href="#">我的订单</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">会员俱乐部</a></li>
                        <li class="line fl"></li>
                        <li  class="fl"><a href="#">手机商城</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">客户服务</a></li>
                        <li class="line fl"></li>
                        <li class="fl"><a href="#">网站导航</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 中心部分 -->
        <div class="content clearfix">
            <!-- logo部分 -->
            <div class="logo w clearfix">
                <div class="logo-img fl">
                    <img src="../images/logo.png">
                </div>
                <div class="logo-place fl">
                    <!-- <span class="place-bl">北京<i class="misumi1"></i></span>
                    <img src="../images/text.png"> -->
                    购物车
                </div>
                <div class="logo-box fr">
                    <div class="search fl">
                        <span class="goods fl">商品<i class="misumi1"></i></span>
                        <input type="text" placeholder="商品关键词" class="fl">
                        <span class="fl">英菲尼迪 宝马 雅诗兰黛</span>
                        <button class="fl"><img src="../images/search.png" class="logo-search"></button>
                    </div>
                    <div class="shopping fr">
                        <span class="shop fl">我的商城<i class="misumi2"></i></span>
                        <s class="line1 fl"></s>
                        <span class="car fr">购物车<i class="misumi3"></i>
                        <img src="../images/two.png" class="two">
                        </span>
                    </div>
                </div>
            </div>
            <!-- 导航部分 -->
            <div class="nav w clearfix">
                <ul>
                    <li class="home fl ac">商城首页</li>
                    <li class="nav-text fl">红酒</li>
                    <li class="nav-text fl">家电</li>
                    <li class="nav-text fl">数码</li>
                    <li class="nav-text fl">汽车</li>
                    <li class="nav-text fl">手机</li>
                    <li class="nav-text fl">电脑</li>
                    <li class="nav-text fl">美妆</li>
                </ul>
            </div>
        </div>
        <!-- 中间部分 -->
        <div class="content-main">
            <div class="main w">
            <div class="choose w">
                <input type="checkbox" class="fl">
                <span class="choose-all fl">全选</span>
                <span class="choose-goods fl">商品信息</span>
                <span class="choose-small fl">微店选择</span>
                <span class="choose-price fl">单价（元）</span>
                <span class="choose-number fl">数量</span>
                <span class="choose-amount fl">金额（元）</span>
                <span class="choose-handle fl">操作</span>
            </div>
            <div class="main-goods">
                <input type="checkbox" class="fl">
                <span class="main-bear fl"><img src="../images/bear.png"></span>
                <span class="main-message fl">圣芝红酒法国原瓶进口红酒皇冠<br/>
                波尔多AOC干红葡萄酒</span>
                    <span class="main-price main-small fl">至爱空间微店<br/><b>免费送货上门</b></span>
                    <span class="main-price fl"><s>450</s><br/><b>290</b></span>
                    <span class="main-number fl"><i>-</i><input type="text" value="1"><i>+</i></span>
                    <span class="main-price main-amount fl"><b>290</b></span>  
                    <span class="main-handle fl">删除</span>     
            </div>
            <div class="main-goods">
                <input type="checkbox" class="fl">
                <span class="main-bear fl"><img src="../images/bear.png"></span>
                <span class="main-message fl">圣芝红酒法国原瓶进口红酒皇冠<br/>
                波尔多AOC干红葡萄酒</span>
                    <span class="main-price main-small fl">至爱空间微店<br/><b>免费送货上门</b></span>
                    <span class="main-price fl"><s>450</s><br/><b>290</b></span>
                    <span class="main-number fl"><i>-</i><input type="text" value="1"><i>+</i></span>
                    <span class="main-price main-amount fl"><b>290</b></span>  
                    <span class="main-handle fl">删除</span>     
            </div>
            <div class="main-goods main-goods-last">
                <input type="checkbox" class="fl">
                <span class="main-bear fl"><img src="../images/bear.png"></span>
                <span class="main-message fl">圣芝红酒法国原瓶进口红酒皇冠<br/>
                波尔多AOC干红葡萄酒</span>
                    <span class="main-price main-small fl">至爱空间微店<br/><b>免费送货上门</b></span>
                    <span class="main-price fl"><s>450</s><br/><b>290</b></span>
                    <span class="main-number fl"><i>-</i><input type="text" value="1"><i>+</i></span>
                    <span class="main-price main-amount fl"><b>290</b></span>  
                    <span class="main-handle fl">删除</span>     
            </div>
            <div class="main-account w">
                <div class="account fl">
                    <input type="checkbox">
                    <span class="main-choose">全选</span>
                    <span>删除</span>
                </div>
                <div class="fr">
                    <span class="main-check checks">已选中<b>0</b>件商品</span>
                    <span class="main-money">合计总费用<b>290</b>元</span>
                    <button class="account-all">结算</button>
                </div>
            </div>
        </div>
        </div>
        
    </div>
    
    <!-- 底部部分 -->
    <div class="footer clearfix">
        <div class="footer-list">
            <img src="../images/至爱.png">
            <ul>
                <h2>购物指南</h2>
                <li>免费注册</li>
                <li>开通支付宝</li>
                <li>支付宝充值</li>
            </ul>
            
            <ul>
                <h2>电器城保障</h2>
                <li>送货入户</li>
                <li>顺丰包邮</li>
                <li>无忧退换货</li>
                <li>全球联保</li>
                <li>货票同行</li>
            </ul>
            
            <ul>
                <h2>支付方式</h2>
                <li>支付宝快捷支付</li>
                <li>支付宝余额付款</li>
                <li>支付宝钱包付款</li>
                <li>货到付款</li>
                <li>新人支付</li>
            </ul>
          
            <ul>
                 <h2>商家服务</h2>
                <li>入驻电商城</li>
                <li>加入电商城服务保障</li>
                <li>电器城喵言喵语圈子</li>
                <li>电器城商家管理规范</li>
            </ul>
            <ul>
                <h2>手机电器城</h2>
                <li><img src="../images/二维码.png"></li>
            </ul>
        </div>
        <div class="footer-address">
            <h3>
                深圳市至爱酒业有限公司版权所有
            </h3>
            <h4>地址：广东省深圳市南山区深南大道以北世界假日广场3405,3406,3407， Tel:13958062335 E-mail:61487206@qq.com</h4>
        </div>
    </div>
</body>
</html>